<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新浪微博</title>
    <link rel="stylesheet" href="css/reset.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3340200_3iapzufm5lm.css">
    <link  rel="stylesheet"  href="font/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div id="pcBox">
            <video class="bg-video" src="./weibo_login.mp4" autoplay='true' loop muted preload poster="https://a.sinaimg.cn/mintra/pic/2112130400/18weibo_login.png"></video>
        
        <header class="headerBox">
           <div class="logoBox">
            <div class="logo-Wrapper">
                <i class="logo-icon iconfont icon-xinlangweibo"></i>
                <div class="wordCon">
                        <h1>微博</h1>
                        <span>weibo.com</span>
                </div>
            </div>
            <div class="topSearch">
                <div class="inputBox">
                    <i class="iconfont icon-sousuo"></i>
                <input type="text" class="one" placeholder="搜索微博">
                </div>
                <div class="searchBox">
                    <button class="searchBtn">搜索</button>
                </div>
            </div>
            <i class="iconfont icon-xinhao"></i> 
           </div>
        </header>
        <main class="mainBox">
            <div class="menubar">
                <ul class="menuUL">
                    <li class="menuLI selected" >
                        <i class="iconfont icon-daochu1024-07"></i>
                        <a href="javascript:;">热门微博</a>
                    </li>
                    <li class="menuLI">
                        <i class="iconfont icon-shizhong"></i>
                        <a href="javascript:;">热门榜单</a>
                    </li>
                    <li class="menuLI">
                        <i class="iconfont icon-hashjinghao"></i>
                        <a href="javascript:;">话题榜</a>
                    </li>
                    <li class="menuLI">
                        <i class="iconfont icon-sousuo1"></i>
                        <a href="javascript:;">热搜榜</a>
                    </li>
                </ul>
            </div>
            <div class="containCon">
                <div class="navCon">
                    <ul class="navUL">
                        <li class="navLI">热门</li>
                        <li>高考</li>
                        <li>同城</li>
                        <li>抗疫</li>
                        <li>明星</li>
                        <li>搞笑</li>
                        <li>军事</li>
                    </ul>
                    <div class="moreCon"><i class="iconfont icon-gengduo"></i></div>
                </div>
            </div>
            <div class="rightCon">
                <div class="loginCon">
                    <div class="loginCont">
                            <img src="./images/随时随地文字.png" alt="" class="loginImg">
                            <button class="loginBtn"><span>立即登录</span></button>
                            <div class="loginCard"><span>还没有微博？</span><a class="loginA">立即注册！</a></div>
                    </div>
                </div>
            </div>
        </main>
        <footer></footer>


    </div>
    
</body>
</html>